<ngb-carousel >
  <ng-template ngbSlide *ngFor="let c of cl" >
    <img [src]="c.pic" alt="Random first slide" width="1200" height="550">
    <div class="carousel-caption">
      <h3>{{c.title}}</h3>
      <p>{{c.discription}}</p>
    </div>
  </ng-template>
  <!-- <ng-template ngbSlide>
    <img [src]="images[1]" alt="Random second slide">
    <div class="carousel-caption">
      <h3>Second slide label</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
  </ng-template>
  <ng-template ngbSlide>
    <img [src]="images[2]" alt="Random third slide">
    <div class="carousel-caption">
      <h3>Third slide label</h3>
      <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
    </div>
  </ng-template>-->
</ngb-carousel> 
